<template>
    <div class="app">
        <div class="tree">
            <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
        </div>
    </div>
</template>
    
<script>
export default {
    data() {
        return {
            data: [{
                label: '01其他资产分类',
                children: [{
                    label: '011行政办公设备',
                    children: [{
                        label: '三级 2-1-1'
                    }]
                }, {
                    label: '012教学设备',
                    children: [{
                        label: '012a教室设备'
                    },
                    {
                        label: '012b实验室设备'
                    },
                    {
                        label: '012c计算机硬件'
                    },
                    {
                        label: '012d计算机软件'
                    },{
                        label: '012e图书'
                    }]
                },
                {
                    label: '013文体设备',
                    children: [{
                        label: '三级 2-3-1'
                    }]
                },
                ]
            },
            ],
            defaultProps: {
                children: 'children',
                label: 'label'
            }
        };
    },
    methods: {
        handleNodeClick(data) {
            console.log(data);
        }
    }
};
</script>
<style>
    .tree{
        margin-top: 30px;
    }

</style>